#searchadvanmargin{
	position:fixed;
	width:400px;
	height:435px;
	right:-340px;
	top:150px;
	z-index:200;
	border-radius:10px 10px 10px 10px;
	display:block
}

#truot{
	position:relative;
	width:70px;
	height:100px;
	background-color:#333;
	float:left;
	border-radius:10px 0 0 10px;
	cursor:pointer;
	box-shadow:0 1px 3px rgba(0,0,0,.3)
}

#searchadvan{
	position:relative;
	float:left;
	width:320px;
	height:430px;
	background-color:#333;
	border-radius:0 0 0 10px;
	box-shadow:0 1px 3px rgba(0,0,0,.3)
}

.title-searchadvan{
	margin:0 auto;
	display:block;
	text-align:center;
	position:relative
}

.title-searchadvan h2{
	color:#fff;
	display:block
}

.search-advan-form{
	margin-left:-20px;
	padding-top:10px
}

.homebg{
	z-index:1;
	position:relative;
	height:500px;
	box-shadow:0 1px 1px white;
	display:block;
	background-color:#303437;
}

#pics{
	margin:0 auto;
	padding-left:0
}

.photoslide{
	display:block;
	position:absolute;
	z-index:80;
	height:500px!important;
	overflow:hidden;
	width:100%;
	background:none repeat scroll 0% 0% #000
}

.photoslide img{
	position:relative;
	vertical-align:middle;
	width:100%;
	height:auto;
	min-height:100%
}

.search-area{
	z-index:160;
	position:absolute;
	top:0;
	height:300px;
	width:1024px;
	padding-top:140px
}

.search-page-container{
	padding-left:75px;
	padding-right:25px;
	width:100%;
                    margin-left: 10px;
}

.full-rooms-home{
	background:url('/Images/full_rooms_home.png');
	height:400px;
	background-size:cover;
	background-position:50%
}

.homecontent{
	padding-top:40px;
	padding-bottom:20px
}

.homecontent a{
	color:#4cc1ca
}

.homecontent a.bigtitle{
	color:inherit;
	text-decoration:none;
	padding-right:15px;
	padding-left:15px
}

.homecontent a.bigtitle .bigtitle_rooms_count{
	opacity:0;
	color:#4cc1ca;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	transition:all .5s ease
}

.homecontent h1,h2,h3,h4,h5,h6{
	font-weight:bold
}

.homecontent>.container>.row a.bigtitle:hover{
	color:#4cc1ca
}

.homecontent>.container>.row a.bigtitle:hover>.bigtitle_rooms_count{
	opacity:1
}

.margin-top-30{
	margin-top:30px
}

.newscontent{
	padding-top:40px;
	padding-bottom:20px
}

.homequote{
	margin-left:50px;
	margin-right:50px
}

.quote-user{
	width:20%;
	float:left
}

.quote-user img{
	max-width:100%;
	border-radius:100%
}

.quote-content{
	width:80%;
	float:left;
	padding-left:20px
}

.quote-name{
	text-align:right;
	margin-top:10px;
	font-weight:bold
}

.city-cover{
	background:url('/Images/city.png');
	background-size:cover;
	height:200px;
	text-align:center;
	margin:0
}

.city-cover .helper{
	display:inline-block;
	height:100%;
	vertical-align:middle
}

.city-cover .city-login-wrapper{
	vertical-align:middle;
	height:40px;
	display:inline-block
}

.city-cover .city-login-wrapper a{
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
	border:7px solid rgba(0,0,0,.3);
	border-radius:10px;
	padding:15px 30px;
	background-color:#303437;
	color:#a2a5aa;
	display:block;
	width:205px;
	font-weight:bold;
	text-decoration:none
}

@media screen and (max-width:970px){
	.btn-map{
		display:none
	}

}

@media screen and (min-width:768px){
	#blob-bg{
		opacity:.7;
		display:block;
		width:100%;
		height:180px;
		position:absolute;
		left:50%;
		margin-left:-510px;
		margin-top:-25px;
		z-index:-1;
		background-image:url('images/BackFont.png')
	}

	.text-special{
		text-shadow:0 -1px 1px rgba(0,0,0,.6);
		font-size:48px;
		margin-left:0;
		margin-bottom:0;
		color:#fff;
		line-height:1.1
	}

	.text-special2{
		text-shadow:0 -1px 1px rgba(0,0,0,.6);
		font-size:20px;
		margin-left:0;
		margin-bottom:20px;
		margin-top:0;
		color:#fff;
		line-height:1.1;
		font-weight:bold;
		text-rendering:optimizelegibility;
		-moz-box-sizing:border-box
	}

	#search_form{
		background:none repeat scroll 0% 0% rgba(57,60,61,.8);
		box-shadow:0 0 5px rgba(0,0,0,.5);
		border-radius:3px 3px 3px 3px;
		border:1px solid rgba(0,0,0,.8);
		padding:4px;
		line-height:1.2;
		float:left;
		height:45px
	}

	.btnsearchhome{
		height:32px;
		margin-left:-45px;
		background-color:#fff;
		color:#555
	}

	.btnsearchhome:hover{
		color:#333;
		background-color:#ebebeb
	}

	.inline-search{
		float:left;
		margin-right:4px
	}

}

@media screen and (max-width:768px){
	.text-special{
		display:none
	}

	.text-special2{
		display:none
	}

	#search_form button{
		width:100%
	}

	.search-page-container{
	}

	.homecontent{
		padding-top:0!important
	}

	.homequote-container{
		display:none!important
	}

}

#areainfo{
	text-decoration:none
}

.areaimg{
	position:relative;
	cursor:pointer;
	width:100%;
	height:150px;
	overflow:hidden
}

.areaimg img{
	min-height:100%;
	width:100%
}

.areaimg:hover .detailarea{
	display:block
}

.area-picture{
	padding:0
}

.area-name{
	position:absolute;
	top:0;
	color:#fff;
	overflow:hidden;
	padding:0;
	width:100%;
	height:100%;
	text-align:center
}

.area-name>p{
	margin-top:45px;
	text-align:center;
	color:#fff;
	line-height:1.2;
	text-shadow:1px 1px 8px rgba(5,5,5,5.5);
	font-family:Helvetica Neue;
	text-decoration:none;
	font-size:22px
}

.detailarea{
	display:none;
	position:absolute;
	top:0;
	color:#fff;
	background-color:rgba(0,0,0,.7);
	overflow:hidden;
	padding:0;
	width:100%;
	height:100%;
	z-index:10;
	text-align:center
}

.detailarea p{
	margin-top:70px;
	text-align:center
}

.district-img{
	border:none
}

.district-img .areaimg{
	height:95px
}

.district-img .area-picture{
	border:none
}

.district-img .area-name{
	background-color:rgba(0,0,0,.4)
}

.district-img .area-name p{
	font-size:20px;
	margin-top:30px
}

.district-img .detailarea p{
	margin-top:50px
}

.district-go{
	background-color:#e67e22;
	border-radius:0
}

.district-go .area-name{
	background-color:transparent
}

.district-go .detailarea p{
	font-size:25px;
	margin-top:30px
}

.district-go .areaimg:hover .area-name{
	display:none
}
 /*them mới*/
.centercontent {
    margin-left: 50%
}

.menu-bar{	
/*    margin-left:50px;        
    margin-right:50px;*/
margin: 0px auto;
padding: 0px 10px;
position: relative;
width: 100%;
/*    border-bottom: 5px solid #EE472D;
    border-top: 5px solid #EE472D;*/
    background-color: #ff0000;
}

.margin-top-80{
	margin-top:80px
}
.title-catagory {
    background: #ff0000; margin-bottom: 20px
}
.title-text {
    text-align: center; 
    margin: 10px
}
/*.inline {
    float: left;
    border: 2px #999999;
    padding: 10px 15px;
    line-height: 56px;
    height: 56px;
    position: relative;
    background: url("images/index.png") no-repeat scroll right center transparent;
}*/
.inline2 {
        float: left;
    /*border: 2px #999999;*/
    /*padding: 10px 15px;*/
    line-height: 56px;
    height: 56px;
    position: relative;
    background: url("images/index.png") no-repeat scroll right center transparent;
}